<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" >

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="default.css"/>    
        <h:outputStylesheet library="css" name="cssLayout.css"/>   
        <title>Comptes bancaires</title>
    </h:head>

    <h:body>

        <div id="top">
            <ui:insert name="top"><center><h1>Comptes bancaires</h1></center></ui:insert>          
        </div>
        <div>
            <div id="left">
                <h:form>
                    <p:growl id="messages" />  
                    <p:menu> 
                        <p:submenu label="Gestion des comptes"> 
                            <p:menuitem value="Accueil" update="messages" icon="ui-icon-home" actionListener="#{compteMBean.creerComptesTest()}"/>  
                            <p:menuitem value="Créer" update="messages" url="faces/creationCompte.xhtml" icon="ui-icon-plus"/>  
                            <p:menuitem value="Modifier" icon="ui-icon-arrowrefresh-1-w"
                                        url="faces/modificationCompte.xhtml" ajax="false"/>  
                            <p:menuitem value="Supprimer" url="faces/suppressionCompte.xhtml"  ajax="false" icon="ui-icon-close"/>  

                        </p:submenu>
                        <p:submenu label="Opération sur un compte">
                            <p:menuitem value="Versement" update="messages" icon="ui-icon-arrow-1-e"
                                        url="faces/versement.xhtml"/>  
                            <p:menuitem value="Retrait" update="messages"  icon="ui-icon-arrow-1-w"
                                        url="faces/retrait.xhtml"/>  
                            <p:menuitem value="Virement" icon="ui-icon-transfer-e-w"
                                        url="faces/virement.xhtml" ajax="false"/>  
                        </p:submenu>
                    </p:menu>  



                </h:form>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom">Bottom</ui:insert>
        </div>

    </h:body>

</html>
